<template>
  <view class="privacy-container">
    <view class="privacy-content">
      <view class="privacy-header">
        <text class="title">隐私政策</text>
        <text class="update-time">更新时间：{{ updateTime }}</text>
      </view>
      
      <view class="privacy-body">
        <view class="section">
          <text class="section-title">1. 信息收集</text>
          <text class="section-content">
            我们会收集您主动提供的信息，包括但不限于：
            • 注册时提供的手机号码、昵称、头像等基本信息
            • 您选择填写的出生日期、家庭住址等可选信息
            • 使用服务过程中产生的操作记录和日志信息
            • 设备信息，如设备型号、操作系统版本、网络状态等
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">2. 信息使用</text>
          <text class="section-content">
            我们使用收集的信息用于：
            • 提供、维护和改进我们的服务
            • 验证您的身份，保障账户安全
            • 向您发送服务相关的通知和更新
            • 分析用户行为，优化产品功能
            • 预防、发现和调查潜在的违法违规行为
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">3. 信息共享</text>
          <text class="section-content">
            我们不会向第三方出售、出租或以其他方式披露您的个人信息，除非：
            • 获得您的明确同意
            • 根据法律法规要求
            • 为保护我们的权利、财产或安全
            • 与我们的业务合作伙伴共享必要信息以提供服务
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">4. 信息保护</text>
          <text class="section-content">
            我们采取多种安全措施保护您的个人信息：
            • 使用加密技术传输和存储敏感信息
            • 限制员工访问个人信息的权限
            • 定期审查信息收集、存储和处理实践
            • 建立数据泄露应急响应机制
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">5. Cookie和类似技术</text>
          <text class="section-content">
            我们使用Cookie和类似技术来：
            • 记住您的偏好设置
            • 提供个性化的用户体验
            • 分析网站流量和使用情况
            • 改进我们的服务质量
            您可以通过浏览器设置控制Cookie的使用。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">6. 您的权利</text>
          <text class="section-content">
            您对自己的个人信息享有以下权利：
            • 访问和查看我们持有的关于您的个人信息
            • 更正不准确或不完整的个人信息
            • 删除某些个人信息
            • 限制我们处理您的个人信息
            • 数据可携带性权利
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">7. 儿童隐私</text>
          <text class="section-content">
            我们的服务面向13岁以上的用户。我们不会故意收集13岁以下儿童的个人信息。如果我们发现收集了儿童的个人信息，会立即删除。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">8. 隐私政策更新</text>
          <text class="section-content">
            我们可能会不时更新本隐私政策。重大变更时，我们会通过适当方式通知您。继续使用我们的服务即表示您接受更新后的隐私政策。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">9. 联系我们</text>
          <text class="section-content">
            如果您对本隐私政策有任何疑问或建议，或需要行使您的权利，请通过以下方式联系我们：
            • 邮箱：privacy@example.com
            • 电话：400-000-0000
            • 地址：北京市朝阳区示例大厦10层
          </text>
        </view>
      </view>
      
      <view class="privacy-footer">
        <text class="footer-text">
          本隐私政策于{{ effectiveDate }}生效
        </text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      updateTime: '2024年1月1日',
      effectiveDate: '2024年1月1日'
    }
  },
  
  onLoad() {
    uni.setNavigationBarTitle({
      title: '隐私协议'
    });
  }
}
</script>

<style scoped>
.privacy-container {
  min-height: 100vh;
  background: #f5f5f5;
}

.privacy-content {
  background: #fff;
  margin: 0;
  min-height: 100vh;
}

.privacy-header {
  text-align: center;
  padding: 30px 20px 20px;
  border-bottom: 1px solid #eee;
}

.title {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.update-time {
  display: block;
  font-size: 14px;
  color: #666;
}

.privacy-body {
  padding: 20px;
}

.section {
  margin-bottom: 25px;
}

.section-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  line-height: 1.4;
}

.section-content {
  display: block;
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  text-align: justify;
  white-space: pre-line;
}

.privacy-footer {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eee;
  background: #f9f9f9;
}

.footer-text {
  font-size: 14px;
  color: #666;
}
</style>